import { createStyles } from 'antd-style';

export const useTextLogoStyles = createStyles(({ token }) => ({
    textFirstRow: {
        '&.header': {
            fontSize: '42px',
            lineHeight: '42px',
        },
        fontFamily: 'LondonTwo',
        fontSize: '68px',
        color: token.colorText,
    },
    textSecondRow: {
        '&.header': {
            fontSize: '12px',
            lineHeight: '12px',
            letterSpacing: '0.35rem',
            transform: 'translateX(2px)',
        },
        '&:not(&.header)': {
            transform: 'translateX(4px)',
        },
        fontFamily: 'LondonTwo',
        fontSize: '20px',
        color: token.colorText,
        letterSpacing: '0.6rem',
    },
}));